<template>
  <div class=''>
    <h5 class="font-weight-bold">一、 进入活动列表</h5>
    <p>登录成功后，在首页点击选择活动，进入活动列表页面进行活动报名；</p>
    <p class="text-center">
      <img src="static/guide/guide-eventone-1.png" alt="" class="img-fluid" 
            @click="$showImg('static/guide/guide-eventone-1.png')">
    </p>
    <p>或直接进入用户主页，选择<strong>“会员业务”</strong>--><strong>“活动报名”</strong>进入活动报名页面，再点击“查看更多活动”进入活动列表页面；</p>
    <p class="text-center">
      <img src="static/guide/guide-eventone-2.png" alt="" class="img-fluid" 
            @click="$showImg('static/guide/guide-eventone-2.png')">
    </p>
    <p>活动列表页面：</p>
    <p class="text-center">
      <img src="static/guide/guide-eventone-3.png" alt="" class="img-fluid" 
            @click="$showImg('static/guide/guide-eventone-3.png')">
    </p>

    <h5 class="font-weight-bold">二、 活动详情</h5>
    <p>在活动列表页面，点击选择希望参加的活动，可进入活动详情页；</p>
    <p class="text-center">
      <img src="static/guide/guide-eventtwo-1.png" alt="" class="img-fluid" 
            @click="$showImg('static/guide/guide-eventtwo.png')">
    </p>
    <p>未报名的活动，且活动时间在有效期内，在活动详情页面点击<strong>“参加活动”</strong>按钮可进行活动报名；</p>
    <p class="text-center">
      <img src="static/guide/guide-eventtwo-2.png" alt="" class="img-fluid" 
            @click="$showImg('static/guide/guide-eventtwo.png')">
    </p>

    <h5 class="font-weight-bold">三、 活动报名</h5>
    <p>在活动报名页面，填写相关的单位参会人员信息，点击提交后，报名成功；</p>
    <p class="text-center">
      <img src="static/guide/guide-eventthree.png" alt="" class="img-fluid" 
            @click="$showImg('static/guide/guide-eventthree.png')">
    </p>

    <h5 class="font-weight-bold">四、 查看参与活动</h5>
    <p>在用户主页，选择活动报名，可以查看到以往参与的活动，点击活动图片或名称，可以查看活动详情，
      点击<strong>“报名详情”</strong>，可以查看报名信息；</p>
    <p class="text-center">
      <img src="static/guide/guide-eventfour.png" alt="" class="img-fluid" 
            @click="$showImg('static/guide/guide-eventfour.png')">
    </p>

  </div>
</template>
<script>
export default {
  name: 'guideevent',
  title: '活动报名'
}
</script>